.login {
    position: fixed; /* 固定定位 */
    width: 100%; /* 宽度为100% */
    height: 100%;
    background-color: #000000; /* bg-neutral-800 的颜色 */
    display: grid; /* 使用网格布局 */
    place-items: center; /* 网格内项目居中对齐 */
}


.login-panel {
    display: flex;            /* flex */
    flex-direction: column;  /* flex-col */
    width: 100%;             /* w-full */
    height: 100%;            /* h-full */
    padding: 24px;           /* p-6 (假设6对应于6 * 4px = 24px) */
    box-sizing: border-box;
}

.login-head {
    display: flex; /* 使容器成为 flexbox */
    align-items: center; /* 垂直居中对齐子项 */
    font-size: 30px;
}

.login-input-panel {
    display: flex;        /* 设置为 Flexbox 布局 */
    width: 100%;         /* 宽度为 100% */
    height: 100%;        /* 高度为 100% */
    flex-direction: column; /* 子元素垂直排列 */
}

.login-input-key {
    /* width: 100%;  */
    height: 2.5rem; /* h-10 */
    margin: 4px 0;
    padding: 0 10px;
    background-color: #000000; /* bg-neutral-700 */
    border: 1px solid #b1b1b1; /* border-neutral-400 */
    border-radius: 0.375rem; /* rounded-md */
    outline: none; /* outline-none */
    color: inherit;
    font-size: 16px;
    /* letter-spacing: 0.05em; tracking-widest */
}

.login-button {
    font-size: 1rem; /* text-base */
    height: 2.5rem; /* h-10 */
    width: 100%; /* w-full */
    margin: 5px 0; /* my-3 */
    border: 1px solid #9CA3AF; /* border-neutral-400 */
    border-radius: 0.375rem; /* rounded-md */
    transition: background-color 0.3s; /* 添加过渡效果 */
}
.input-button:hover {
    background-color: #6d6d6d; /* hover:bg-neutral-600 */
}
